<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="common/bootstrap4/css/bootstrap.min.css" />
	<!-- css是buildName,可以自己定义 -->
	<!-- build:css -->
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<link rel="stylesheet" type="text/css" href="css/extend.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<!-- endbuild -->
	<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
</head>

<body>
	<!-- 学院名字 -->
	<div class="top-name paddingLR13">广东科学技术职业学院机器人学院</div>
	<!-- 学院指南 -->
	<div class="CollegeGuide paddingLR13 topToggle" id="CollegeGuide">
		<div class="box-max-width">
			<!-- 关闭按钮 -->
			<div class="close-box">
				<span class="iconfont icon-guanbi pointer" onclick="toogleCollegeGuide()"></span>
			</div>
			<!-- content -->
			<div class="content">
				<div class="small_title color_white">欢迎来到广东科学技术职业学院机器人学院</div>
				<div class="content-list">
					<div class="list-inner">
						<div class="head head_colgt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
							<a href="#" class="box-a"></a>
						</div>
						<div class="head head_collt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
						</div>
						<ul>
							<li class="hoverUnderline selfLink">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">到该地去</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容1</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容2</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容3</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容4</span>
								<a href="#" class="box-a"></a>
							</li>
						</ul>
					</div>
					<div class="list-inner">
						<div class="head head_colgt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
							<a href="#" class="box-a"></a>
						</div>
						<div class="head head_collt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
							<a href="#" class="box-a"></a>
						</div>
						<ul>
							<li class="hoverUnderline selfLink">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">到该地去</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容1</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容2</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容3</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容4</span>
								<a href="#" class="box-a"></a>
							</li>
						</ul>
					</div>
					<div class="list-inner">
						<div class="head head_colgt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
							<a href="#" class="box-a"></a>
						</div>
						<div class="head head_collt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
							<a href="#" class="box-a"></a>
						</div>
						<ul>
							<li class="hoverUnderline selfLink">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">到该地去</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容1</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容2</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容3</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容4</span>
								<a href="#" class="box-a"></a>
							</li>
						</ul>
					</div>
					<div class="list-inner">
						<div class="head head_colgt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
							<a href="#" class="box-a"></a>
						</div>
						<div class="head head_collt1000 pointer hoverUnderline">
							<div class="title underline">数学与自然科学</div>
							<a href="#" class="box-a"></a>
						</div>
						<ul>
							<li class="hoverUnderline selfLink">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">到该地去</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容1</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容2</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容3</span>
								<a href="#" class="box-a"></a>
							</li>
							<li class="hoverUnderline">
								<span class="iconfont icon-jt_right"></span>
								<span class="underline">内容4</span>
								<a href="#" class="box-a"></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 语言切换 -->
	<div class="language-change paddingLR13 topToggle" id="Language">
		<div class="box-max-width">
			<ul>
				<li class="active">
					<div class="imgBox box-bgImg-style" style="background-image: url(images/chinese.png);"></div>
					<div class="title">
						<span class="iconfont icon-jiantou"></span>
						<span class="test">中文</span>
					</div>
					<a href="#" class="box-a clickA"></a>
				</li>
				<li>
					<div class="imgBox box-bgImg-style" style="background-image: url(images/english.png);"></div>
					<div class="title">
						<span class="iconfont icon-jiantou"></span>
						<span class="test">英语</span>
					</div>
					<a href="#" class="box-a clickA"></a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 顶部功能栏 -->
	<div class="top-bar">
		<div class="box-max-width top-bar-item">
			<!-- 指南 -->
			<div class="bar-guide pointer hoverUnderline" onclick="toogleCollegeGuide()">
				<span class="test underline">学院指南</span>
				<span class="iconfont icon-zhinanzhen"></span>
			</div>
			<!-- 语言 -->
			<div class="bar-language pointer hoverUnderline" onclick="toogleLanguage()">
				<span class="test underline">语言</span>
				<span class="iconfont icon-yuyan"></span>
			</div>
		</div>
	</div>
	<!-- 顶部导航栏 -->
	<nav class="navbar navbar-expand-lg navbar-dark _nav_bg">
		<a class="navbar-brand" href="#">
			<img src="images/logo.png" class="logoImg">
		</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="collapsibleNavbar">
			<ul class="navbar-nav">
				<li class="nav-item active">
					<a class="nav-link" href="index.html">首页</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="pages/news.html">学院资讯</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="pages/development.html">党总支建设</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">专业群建设</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">学生之家</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">交流合作</a>
				</li>
			</ul>
		</div>
	</nav>
	<!-- banner 展示-屏幕大768展示的内容 -->
	<div class="banner-container banner_colgt768">
		<div class="content row">
			<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
				<div class="teaser teaser-with-bg borderRight borderBottom">
					<span class="bg-image bg-image-lg" style="background-image: url(images/1.jpeg);"></span>
					<a class="link-view" href="#"></a>
					<a class="link-btn" href="#">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</a>
					<span class="box-title">主新闻</span>
				</div>
			</div>
			<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
				<div class="teaser teaser-with-bg borderRight borderLeft borderBottom">
					<span class="bg-image bg-image-lg" style="background-image: url(images/4.jpeg);"></span>
					<a class="link-view" href="#"></a>
					<a class="link-btn" href="#">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</a>
					<span class="box-title">专业群建设</span>
				</div>
			</div>
			<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
				<div class="teaser teaser-with-bg borderLeft borderBottom">
					<span class="bg-image bg-image-lg" style="background-image: url(images/4.jpeg);"></span>
					<a class="link-view" href="#"></a>
					<a class="link-btn" href="#">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</a>
					<span class="box-title">研究成果</span>
				</div>
			</div>
			<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
				<div class="teaser teaser-with-bg borderTop borderRight">
					<span class="bg-image bg-image-lg" style="background-image: url(images/6.jpeg);"></span>
					<a class="link-view" href="#"></a>
					<a class="link-btn" href="#">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</a>
					<span class="box-title">教学成果</span>
				</div>
			</div>
			<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
				<div class="teaser teaser-with-bg borderTop borderLeft borderRight">
					<span class="bg-image bg-image-lg" style="background-image: url(images/7.jpeg);"></span>
					<a class="link-view" href="#"></a>
					<a class="link-btn" href="#">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</a>
					<span class="box-title">学生版块</span>
				</div>
			</div>
			<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
				<div class="teaser teaser-with-bg borderTop borderLeft">
					<span class="bg-image bg-image-lg" style="background-image: url(images/8.jpeg);"></span>
					<a class="link-view" href="#"></a>
					<a class="link-btn" href="#">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</a>
					<span class="box-title">交流合作</span>
				</div>
			</div>
		</div>
	</div>
	<!-- banner 展示-屏幕小于768展示的内容 -->
	<div class="banner_collt768">
		<div id="banner_collt768" class="carousel slide" data-ride="carousel">
			<!-- 指示符 -->
			<ul class="carousel-indicators my-carousel-indicators">
				<li data-target="#banner_collt768" data-slide-to="0" class="active"></li>
				<li data-target="#banner_collt768" data-slide-to="1"></li>
				<li data-target="#banner_collt768" data-slide-to="2"></li>
				<li data-target="#banner_collt768" data-slide-to="3"></li>
				<li data-target="#banner_collt768" data-slide-to="4"></li>
				<li data-target="#banner_collt768" data-slide-to="5"></li>
			</ul>

			<!-- 轮播图片 -->
			<div class="carousel-inner">
				<div class="carousel-item active">
					<div class="imgBox" style="background-image: url(images/1.jpeg);"></div>
					<div class="label">主新闻</div>
					<div class="more">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</div>
					<a href="#" class="link"></a>
				</div>
				<div class="carousel-item">
					<div class="imgBox" style="background-image: url(images/5.jpeg);"></div>
					<div class="label">专业群建设</div>
					<div class="more">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</div>
					<a href="#" class="link"></a>
				</div>
				<div class="carousel-item">
					<div class="imgBox" style="background-image: url(images/4.jpeg);"></div>
					<div class="label">研究成果</div>
					<div class="more">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</div>
					<a href="#" class="link"></a>
				</div>
				<div class="carousel-item">
					<div class="imgBox" style="background-image: url(images/6.jpeg);"></div>
					<div class="label">教学成果</div>
					<div class="more">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</div>
					<a href="#" class="link"></a>
				</div>
				<div class="carousel-item">
					<div class="imgBox" style="background-image: url(images/7.jpeg);"></div>
					<div class="label">学生板块</div>
					<div class="more">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</div>
					<a href="#" class="link"></a>
				</div>
				<div class="carousel-item">
					<div class="imgBox" style="background-image: url(images/8.jpeg);"></div>
					<div class="label">交流合作</div>
					<div class="more">
						<span class="iconfont icon-jiantou"></span>
						<span class="text">更多</span>
					</div>
					<a href="#" class="link"></a>
				</div>
			</div>
		</div>
	</div>
	<!-- 学习列表 -->
	<div class="study_module">
		<!-- 大于600展示的内容 -->
		<div class="box-max-width colgt600">
			<div class="title">六大专业</div>
			<ul class="list">
				<li>
					<a href="#" class="link color1"><span class="iconfont icon-jiqiren"></span>工业机器人技术</a>
				</li>
				<li>
					<a href="#" class="link color2"><span class="iconfont icon-weibiaoti--"></span>应电</a>
				</li>
				<li>
					<a href="#" class="link color3"><span class="iconfont icon-jidian01"></span>机电一体化</a>
				</li>
				<li>
					<a href="#" class="link color4"><span class="iconfont icon-shukongjichuang"></span>数控</a>
				</li>
				<li>
					<a href="#" class="link color5"><span class="iconfont icon-mechanical"></span>机械设计与制造</a>
				</li>
				<li>
					<a href="#" class="link color6"><span class="iconfont icon-tongxin"></span>通信</a>
				</li>
			</ul>
		</div>
		<!-- 小于600展示的内容 -->
		<div class="box-max-width collt600">
			<div class="title">六大专业</div>
			<div class="dropdown my-dropdown">
				<a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
					data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					工业机器人技术
				</a>
				<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
					<a class="dropdown-item" href="#">工业机器人技术</a>
					<a class="dropdown-item" href="#">应电</a>
					<a class="dropdown-item" href="#">机电一体化</a>
					<a class="dropdown-item" href="#">数控</a>
					<a class="dropdown-item" href="#">机械设计与制造</a>
					<a class="dropdown-item" href="#">通信</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 概况模块 -->
	<div class="survey_module paddingLR13">
		<div class="box-max-width">
			<div class="title small_title color_white">学院之巅</div>
			<div class="content row">
				<div class="margin_bottom10 col-sm-12 col-md-7 col-lg-7 col-xl-8">
					<div id="survey_carousel" class="carousel slide" data-ride="carousel">
						<!-- 指示符 my-carousel-indicators-->
						<ul class="carousel-indicators my-carousel-indicators">
							<li data-target="#survey_carousel" data-slide-to="0" class="active"></li>
							<li data-target="#survey_carousel" data-slide-to="1"></li>
							<li data-target="#survey_carousel" data-slide-to="2"></li>
						</ul>
						<!-- 轮播图片 -->
						<div class="carousel-inner">
							<div class="carousel-item active">
								<div class="imgBox box-before-padding box-bgImg-style"
									style="background-image: url(images/2.jpeg);">
									<a href="#" class="box-a"></a>
								</div>
							</div>
							<div class="carousel-item">
								<div class="imgBox box-before-padding box-bgImg-style"
									style="background-image: url(images/3.jpeg);">
									<a href="#" class="box-a"></a>
								</div>
							</div>
							<div class="carousel-item">
								<div class="imgBox box-before-padding box-bgImg-style"
									style="background-image: url(images/4.jpeg);">
									<a href="#" class="box-a"></a>
								</div>
							</div>
						</div>

						<!-- 左右切换按钮 -->
						<a class="my-carousel-control carousel-control-prev" href="#survey_carousel" data-slide="prev">
							<span class="iconfont icon-jt_left"></span>
						</a>
						<a class="my-carousel-control carousel-control-next" href="#survey_carousel" data-slide="next">
							<span class="iconfont icon-jt_right"></span>
						</a>

					</div>
				</div>
				<div class="margin_bottom10 col-sm-12 col-md-5 col-lg-5 col-xl-4">
					<div class="rightBox  box-bgImg-style"
						style="background-image: url(https://tu-dresden.de/++theme++tud.theme.webcms2//img/icons/lighthouse.svg);">
						<a href="#" class="content-text" style="width: 100%;">
							<span id="survey_test">内容内容内容内容内容内容内容内容内容内容内容内容内容1</span>
							<span class="more-btn">
								<span class="iconfont icon-jiantou"></span>
								<span class="more">更多</span>
							</span>
						</a>
					</div>
				</div>
			</div>
			<div class="study_more" style="margin-top: 10px;">
				<!--<div class="title small_title color_white">科学园区</div>-->
				<div class="more">
					<div class="text"><span class="iconfont icon-shangchuan"></span>更多</div>
					<div class="imgBox box-bgImg-style" style="background-image: url(./images/10.png);"></div>
				</div>
				<a href="#" class="box-a"></a>
			</div>
		</div>
	</div>
	<!-- 当前 -->
	<div class="current paddingLR13">
		<div class="box-max-width">
			<!-- top -->
			<div class="box-top color_black">
				<div class="box-top-title">学院要闻</div>
				<div class="box-top-more">
					<span class="iconfont icon-jiantou"></span>
					<a href="#">更多新闻</a>
				</div>
			</div>
			<!-- content -->
			<div class="content">
				<div class="content_inner">
					<div class="teaser imgBox box-bgImg-style" style="background-image: url(images/9.jpeg);">
						<span class="label">@标签文字</span>
						<span class="date">2020.08.24</span>
						<a href="#" class="box-a"></a>
					</div>
					<div class="text teaser">
						数学建模与计算机仿真有助于了解细胞如何生长
						<a href="#" class="box-a"></a>
					</div>
					<div class="more-btn teaser">
						<span class="iconfont icon-jiantou"></span>
						<span class="moreText">继续阅读</span>
					</div>
				</div>
				<div class="content_inner colgt600">
					<div class="teaser imgBox box-bgImg-style" style="background-image: url(images/11.jpeg);">
						<span class="label">@标签文字</span>
						<span class="date">2020.08.24</span>
						<a href="#" class="box-a"></a>
					</div>
					<div class="text teaser">
						数学建模与计算机仿真有助于了解细胞如何生长
						<a href="#" class="box-a"></a>
					</div>
					<div class="more-btn teaser">
						<span class="iconfont icon-jiantou"></span>
						<span class="moreText">继续阅读</span>
					</div>
				</div>
				<div class="content_inner colgt600">
					<div class="teaser imgBox box-bgImg-style" style="background-image: url(images/12.jpeg);">
						<span class="label">@标签文字</span>
						<span class="date">2020.08.24</span>
						<a href="#" class="box-a"></a>
					</div>
					<div class="text teaser">
						数学建模与计算机仿真有助于了解细胞如何生长
						<a href="#" class="box-a"></a>
					</div>
					<div class="more-btn teaser">
						<span class="iconfont icon-jiantou"></span>
						<span class="moreText">继续阅读</span>
					</div>
				</div>
			</div>
			<!-- btn -->
			<div class="all-more-btn">
				<span class="iconfont icon-jiantou"></span>
				<span class="more_text">更多新闻</span>
				<a href="#" class="box-a"></a>
			</div>
		</div>
	</div>
	<!-- 活动日历 -->
	<div class="event-calendar paddingLR13">
		<div class="box-max-width">
			<!-- top -->
			<div class="box-top color_black">
				<div class="box-top-title">学院通知</div>
				<div class="box-top-more">
					<span class="iconfont icon-jiantou"></span>
					<a href="#">更多通知</a>
				</div>
			</div>
			<!-- content data-ride="carousel"-->
			<div id="carousel_event_calendar_col900" class="content carousel slide">
				<!-- 指示符 -->
				<ul class="carousel-indicators carousel_event_calendar_indicators">
					<li data-target="#carousel_event_calendar_col900" data-slide-to="0" class="active"></li>
					<li data-target="#carousel_event_calendar_col900" data-slide-to="1"></li>
					<li data-target="#carousel_event_calendar_col900" data-slide-to="2"></li>
				</ul>
				<!-- 轮播内容 -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<div class="carousel-item-inner">
							<div class="single-view">
								<div class="single-view-title">
									<span class="month">8月</span>
									<span class="day">12日</span>
									<span class="year">2020年</span>
								</div>
								<div class="single-view-content">
									<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
								</div>
							</div>
							<div class="single-view">
								<div class="single-view-title">
									<span class="month">9月</span>
									<span class="day">12日</span>
									<span class="year">2020年</span>
								</div>
								<div class="single-view-content">
									<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
								</div>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="carousel-item-inner">
							<div class="single-view">
								<div class="single-view-title">
									<span class="month">8月</span>
									<span class="day">12日</span>
									<span class="year">2020年</span>
								</div>
								<div class="single-view-content">
									<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
								</div>
							</div>
							<div class="single-view">
								<div class="single-view-title">
									<span class="month">9月</span>
									<span class="day">12日</span>
									<span class="year">2020年</span>
								</div>
								<div class="single-view-content">
									<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
								</div>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="carousel-item-inner">
							<div class="single-view">
								<div class="single-view-title">
									<span class="month">8月</span>
									<span class="day">12日</span>
									<span class="year">2020年</span>
								</div>
								<div class="single-view-content">
									<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
								</div>
							</div>
							<div class="single-view">
								<div class="single-view-title">
									<span class="month">9月</span>
									<span class="day">12日</span>
									<span class="year">2020年</span>
								</div>
								<div class="single-view-content">
									<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 左右切换按钮 -->
				<a class="carousel-control carousel-control-prev" href="#carousel_event_calendar_col900"
					data-slide="prev">
					<span class="iconfont icon-jiantou-left"></span>
				</a>
				<a class="carousel-control carousel-control-next" href="#carousel_event_calendar_col900"
					data-slide="next">
					<span class="iconfont icon-jiantou"></span>
				</a>
			</div>
			<div id="carousel_event_calendar_col600" class="content carousel slide">
				<!-- 指示符 -->
				<ul class="carousel-indicators carousel_event_calendar_indicators">
					<li data-target="#carousel_event_calendar_col600" data-slide-to="0" class="active"></li>
					<li data-target="#carousel_event_calendar_col600" data-slide-to="1"></li>
					<li data-target="#carousel_event_calendar_col600" data-slide-to="2"></li>
				</ul>
				<!-- 轮播内容 -->
				<div class="carousel-inner col768">
					<div class="carousel-item active">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">8月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">9月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">10月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">8月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">8月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
				</div>

				<!-- 左右切换按钮 -->
				<a class="carousel-control carousel-control-prev" href="#carousel_event_calendar_col600"
					data-slide="prev">
					<span class="iconfont icon-jiantou-left"></span>
				</a>
				<a class="carousel-control carousel-control-next" href="#carousel_event_calendar_col600"
					data-slide="next">
					<span class="iconfont icon-jiantou"></span>
				</a>
			</div>
			<div id="carousel_event_calendar_collt600" class="content carousel slide">
				<!-- 指示符 -->
				<ul class="carousel-indicators my-carousel-indicators">
					<li data-target="#carousel_event_calendar_collt600" data-slide-to="0" class="active"></li>
					<li data-target="#carousel_event_calendar_collt600" data-slide-to="1"></li>
					<li data-target="#carousel_event_calendar_collt600" data-slide-to="2"></li>
				</ul>
				<!-- 轮播内容 -->
				<div class="carousel-inner col768">
					<div class="carousel-item active">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">8月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">9月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">10月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">学院通知学院通知学院通知学院通知学院通知学院通知学院通知</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">8月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">活动日历内容活动日历内容活动日历内容活动日历内容活动日历内容活动日历内容</a>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<div class="single-view">
							<div class="single-view-title">
								<span class="month">8月</span>
								<span class="day">12日</span>
								<span class="year">2020年</span>
							</div>
							<div class="single-view-content">
								<a href="#">活动日历内容活动日历内容活动日历内容活动日历内容活动日历内容活动日历内容</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 关注新闻 -->
	<div class="follow-news paddingLR13 box-bgImg-style" style="background-image: url(images/1.jpeg);">
		<div class="Mask"></div>
		<div class="box-max-width">
			<p class="title color_white">学院大数据</p>
			<div class="content">
				<div class="content-inner">
					<span class="num">82</span>
					<span class="name">名教职工</span>
				</div>
				<div class="content-inner">
					<span class="num">2</span>
					<span class="name">个国家骨干校重点专业</span>
				</div>
				<div class="content-inner">
					<span class="num">1</span>
					<span class="name">个央财支持重点专业</span>
				</div>
				<div class="content-inner">
					<span class="num">2</span>
					<span class="name">个省示范专业</span>
				</div>
				<div class="content-inner">
					<span class="num">1</span>
					<span class="name">个央财支持重点专业</span>
				</div>
			</div>
			<!-- <div class="content row">
				<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
					<div class="teaser teaser-with-bg">
						<span class="bg-image bg-image-lg" style="background-image: url(images/1.jpeg);"></span>
						<span class="label">@标签文字</span>
						<a class="link-view" href="#"></a>
						<a class="link-btn" href="#">
							<span class="iconfont icon-jiantou"></span>
							<span class="text">更多</span>
						</a>
					</div>
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
					<div class="teaser teaser-with-bg">
						<span class="bg-image bg-image-lg" style="background-image: url(images/2.jpeg);"></span>
						<span class="label">@标签文字</span>
						<a class="link-view" href="#"></a>
						<a class="link-btn" href="#">
							<span class="iconfont icon-jiantou"></span>
							<span class="text">更多</span>
						</a>
						<span class="box-title">找更多相关信息</span>
					</div>
				</div>
			</div> -->
		</div>
	</div>
	<!-- 底部导航 -->
	<div class="foot-container">
		<!--  -->
		<!-- <div class="division-bg bg-blue"></div> -->
		<!-- 常用 -->
		<div class="common-use bg-blue padding1rem">
			<div class="box-max-width">
				<p class="title color_white">经常搜寻</p>
				<div class="content row">
					<div class="col-sm-6 col-md-4 col-lg-4 col-xl-4">
						<div class="teaser teaser-with-bg">
							<span class="bg-image bg-image-lg" style="background-image: url(images/3.jpeg);"></span>
							<span class="label">@标签文字</span>
							<a class="link-view" href="#"></a>
							<a class="link-btn" href="#">
								<span class="iconfont icon-shangchuan"></span>
								<span class="text">校园导航</span>
							</a>
							<span class="box-title">找资源~</span>
						</div>
					</div>
					<div class="col-sm-6 col-md-8 col-lg-8 col-xl-8">
						<div class="news-list row">
							<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
								<div class="list-row">
									<a class="list-link" href="#">学院资讯</a>
									<span class="iconfont icon-jiantou"></span>
								</div>
							</div>
							<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
								<div class="list-row">
									<a class="list-link" href="#">党总支建设</a>
									<span class="iconfont icon-jiantou"></span>
								</div>
							</div>
							<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
								<div class="list-row">
									<a class="list-link" href="#">专业群建设</a>
									<span class="iconfont icon-jiantou"></span>
								</div>
							</div>
							<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
								<div class="list-row">
									<a class="list-link" href="#">学生之家</a>
									<span class="iconfont icon-jiantou"></span>
								</div>
							</div>
							<div class="col-sm-6 col-md-6 col-lg-6 col-xl-6">
								<div class="list-row">
									<a class="list-link" href="#">交流合作</a>
									<span class="iconfont icon-jiantou"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 上部分 -->
		<div class="foot-top">
			<div class="box-max-width foot-box">
				<a class="navbar-brand" href="#">
					<img src="images/logo.png" class="logoImg2">
				</a>
				<ul class="nav-list">
					<li>
						<a class="nav-link nav-line" href="#">
							<span class="text">联系</span>
							<span class="iconfont icon-youxiang"></span>
						</a>
					</li>
					<li>
						<a class="nav-link nav-line" href="#">
							<span class="text">地址</span>
							<span class="iconfont icon-weizhi1"></span>
						</a>
					</li>
					<li>
						<a class="nav-link nav-line" href="#">
							<span class="text">说明</span>
							<span class="iconfont icon-five-pointed-star
					"></span>
						</a>
					</li>
					<li>
						<a class="nav-link nav-bg nav-bg-color1" href="#">
							<span class="iconfont icon-weibo"></span>
						</a>
					</li>
					<li>
						<a class="nav-link nav-bg nav-bg-color2" href="#">
							<span class="iconfont icon-douyintexiao"></span>
						</a>
					</li>
					<li>
						<a class="nav-link nav-bg nav-bg-color3" href="#">
							<span class="iconfont icon-camera2"></span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 下部分 -->
		<div class="foot-bottom">
			<div class="box-max-width foot-box">
				<div class="left">
					<img class="foot-sign" src="images/blue.png">
					<div class="list">
						<p class="Copyright">Copyright @广东科学技术职业学院 2020. All rights reserved. 粤ICP备10098100号</p>
						<p>广州校区地址：广州市天河区科华街351号(邮编:510640)</p>
						<p>珠海校区地址：珠海市金湾区珠海大道南侧65号(邮编：519090)</p>
					</div>
				</div>
				<div class="right">
					<div class="imgBox">
						<img src="images/qrcode.png">
						<span>官方微信</span>
					</div>
					<div class="imgBox">
						<img src="images/qrcode3.jpg">
						<span>招生办微信</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="common/jquery/jquery-1.12.4.js"></script>
	<script type="text/javascript" src="common/bootstrap4/js/bootstrap.bundle.js"></script>
	<script type="text/javascript" src="common/bootstrap4/js/bootstrap.js"></script>
	<!-- build:js -->
	<script type="text/javascript" src="js/common.js"></script>
	<!-- endbuild -->
</body>

</html>